<template>
  <div>
    <div class="title">
        <p style="margin:0">
          <span>{{name}}</span>
          <a-button class="title-button" size="small" @click="reloadData" v-if="showReload">
            刷新
          </a-button>
          <span style="margin-left:30px;font-size:15px" v-if="showTime">{{time}}</span>
        </p>
    </div>
  </div>
</template>

<script>
export default {
    props:{
        name:{
          type:String,
          default:"国内疫情地图"
        },
        showTime:{
          type:Boolean,
          default:false
        },
        showReload:{
          type:Boolean,
          default:false
        },
        time:{
          type:String,
          defailt:null
        }
    },

    methods:{
      reloadData(){
        this.$emit("reloadData")
      }
    }
}
</script>

<style scoped>
.title{
  width: 100%;
  padding: 10px;
  text-align: left;
  line-height: 40px;
  font-size: 20px;  
  font-weight: 900;
  color: #1890ff;
  border-bottom:1px solid#e8e8e8;
}
.title-button{
  float:right;
  margin-top:20px;
  color: #1890ff;
}
</style>